<template>
  <div>
    <template>
      <template v-if="isShowWelthManager&&tableData.managerdata.totalCount > 0">
        <h4>基金管理人</h4>
        <ListManager :data="tableData.managerdata.list"/>
      </template>
      <template v-if="tableData.publisherdata.totalCount > 0">
        <h4>债券发行人</h4>
        <ListPublisher :data="tableData.publisherdata.list"/>
      </template>
    </template>
    <template v-if="totalCount == 0">
      <el-empty></el-empty>
    </template>
  </div>
</template>
<script>
import ListManager from '../components/ListManager';
import ListPublisher from '../components/ListPublisher';
import { newverifyRoles } from '@/utils/verify';
export default {
  components: {
    ListManager,
    ListPublisher
  },
  data () {
    return {
      isShowWelthManager: true
    };
  },
  props: {
    tableData: {
      type: Object,
      default: function () {
        return {};
      }
    },
    totalCount: {
      // eslint-disable-next-line vue/require-prop-type-constructor
      type: String | Number,
      default: 0
    }
  },
   mounted () {
    this.isShowWelthManager = newverifyRoles('xst');
  }
};
</script>
<style lang="scss" scoped>
h4{
  font-style: normal;
  font-size: 16px;
  color: #2468F2;
  margin-bottom:15px;
}
::v-deep .el-empty{
  padding: 0;
  .el-empty__image{
    width: 140px;
  }
}
</style>
